/**
 * Created by Administrator on 2017/11/24 0024.
 */

$(function () {
    dateTiemSelect();//初始化日期格式
    $("#query").click(function () {
        if($("#startTime").val()===""){
            layer.msg("输入开始时间！", {icon: 2});
            $("#endTime").val("");
        }
        var startTime = new Date($("#startTime").val().replace(/\-/g, "\/"));
        var endTime = new Date($("#endTime").val().replace(/\-/g, "\/"));
        if(startTime >=endTime){
            layer.msg("开始时间不能大于结束时间！", {icon: 2});
            $("#startTime").val("");
            $("#endTime").val("");
            return false;
        }else {
            load();
        }
    })
    load();
})
//日期转换
Date.prototype.Format = function (fmt) { //author: meizz
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };
    if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}
//点击查询，加载数据
//输入框设置主题。
function dateTiemSelect(){
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        laydate.render({
            elem: '#startTime', //新增的日期
            type: 'datetime',//日期类型date表示年月日
            /*  trigger: 'click',//如果绑定的元素非输入框，则默认事件为：click*/
            theme: '#2a2a48',//自定义主题
            min: '2014-1-1',//限制最小日期
            max: '2028-12-31'//限制最大日期
        });
        laydate.render({
            elem: '#endTime', //新增的日期
            type: 'datetime',
            theme: '#2a2a48',//自定义主题
        });
    });
}
//初始化加载曲线跟表格数据
function load(){
    var index = layer.load(1);

    var centerSfPower = new Array();//光伏超短期
    var centerWfPower = new Array();//风电超短期

    var p = {
        "type":'center'
    };
    $.ajax({
        url : "../home/cdqPower",
        type : "get",
        contentType : "application/json",
        dataType : "json",
        data : p,
        success : function(data) {
            var  times = 15;
            var min=null;
            //光伏
            $.each(data.centerSfPower, function (index, item) {
                var time = new Date(parseInt(item.time)).Format("yyyy-MM-dd hh:mm");
                centerSfPower.push({name:time,value:[time,item.power.toFixed(1)]});
            });
            //风电
            $.each(data.centerWfPower, function (index, item) {
                var time = new Date(parseInt(item.time)).Format("yyyy-MM-dd hh:mm");
                centerWfPower.push({name:time,value:[time,item.power.toFixed(1)]});
            });

            // lodaTu(centerSfPower,centerWfPower,Math.ceil(data.installMap.intallCapacity));
            lodaTu(centerSfPower,centerWfPower);
            layer.close(index);
        }
    });

}

//折线图 日期，实况功率，图例，实况风速，预报功率
function lodaTu(centerSfPower,centerWfPower) {
    var myChart = echarts.init(document.getElementById("main"));
    var colors = ['#6eb2ff', '#FF0000'];
    option = {
        backgroundColor: '#2a2a48',//背景色
        color: colors,
        tooltip: {
            trigger: 'axis',
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'line'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        legend: {
            show:true,
            //orient:'horizontal',
            //borderWidth:2,
            data:[
                {
                    name:'光伏超短期功率',
                    textStyle:{
                        fontSize:12,
                        fontWeight:'bolder',
                        color:'#fff'
                    },
                    //icon:'image://../img/legend/1.png'//格式为'image://+icon文件地址'，其中image::后的//不能省略
                },
                {
                    name:'风电超短期功率',
                    textStyle:{
                        fontSize:12,
                        fontWeight:'bolder',
                        color:'#fff'
                    },
                }
            ]
        },
        toolbox: {
            show: true,
            feature: {
            }
        },
        calculable: false,//取消拖拽
        dataZoom: {
            show: true,
            realtime: true,
            start: 0,
            end: 100
        },
        xAxis: [
            {
                //interval:0,//X轴的刻度间隔
                splitLine:{show: false},//去除网格线
                type: 'time',
                boundaryGap:true,

                //data: date,
                axisLabel:{
                    formatter: '{value}',
                    textStyle:{
                        fontWeight:"bolder",
                        color:"#fff"
                    }
                }
            }
        ],
        yAxis: [
            {
                splitLine:{show: false},//去除网格线
                name: '功率(mw)',
                min:0,
                nameTextStyle:{
                    color:'#fff'
                },
                type: 'value',
                axisLabel:{
                    formatter: '{value}'/*+'mw'*/,
                    textStyle:{
                        fontWeight:"bolder",
                        color:"#fff"
                    }
                }
            }
        ],
        series: [
            {
                name: '光伏超短期功率',
                type: 'line',
                yAxisIndex: 0,
                symbol:'none',  //这句就是去掉点的
                data: centerSfPower
            }, {
                name: '风电超短期功率',
                type: 'line',
                yAxisIndex: 0,
                data: centerWfPower,
                symbol:'none',  //这句就是去掉点的
                itemStyle:{
                    normal:{
                        lineStyle:{
                            shadowBlur: 10,
                            shadowColor: 'rgba(0, 0, 0, 0.5)',
                            smooth:true,
                            width:2//线宽
                        }
                    }
                }

            }
        ]
    };
    myChart.setOption(option);
}
function real(){
    window.location.reload();
}




